<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="copyright" content="留学网">
<meta name="author" content="留学网">
<title>IT计算机专业</title>
<link rel="stylesheet" href="static/css/lib/vant.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/js.js"></script>
<script src="./static/js/lib/vant.js"></script>
<script src="./static/js/component.js" defer></script>
<script src="./static/js/nav.js"></script>
</head>

<body>
  <div v-cloak class="main zxb-home" id="app">
    <layout :header="false">
      
      <div class="new-banner-wrapper">
        <img src="./static/image/new/computer-banner.png" alt="" />
      </div>
      
      <!-- 互联网飞速发展 IT行业大有可为 -->
      <new-module title="互联网飞速发展 IT行业大有可为" :padding="[47,49]" :bottom="20">
        <div class="computer-develop-container">
          <div class="list">
            <div class="item" v-for="(item,index) in developList" :key="index">
              <div class="left">{{item.name}}</div>
              <div class="right">{{item.content}}</div>
            </div>
          </div>
          <img src="./static/image/new/computer-photo.png" alt="" class="photo">
          <div class="rate-list">
            <div class="item">
              <div class="left">IT互联网</div>
              <div class="right">35%</div>
            </div>
            <div class="item">
              <div class="left">金融商贸</div>
              <div class="right">18%</div>
            </div>
            <div class="item">
              <div class="left">政府机关</div>
              <div class="right">12%</div>
            </div>
            <div class="item">
              <div class="left">房地产</div>
              <div class="right">10%</div>
            </div>
            <div class="item">
              <div class="left">医药食品</div>
              <div class="right">7%</div>
            </div>
            <div class="item">
              <div class="left">旅游</div>
              <div class="right">5%</div>
            </div>
          </div>
        </div>
      </new-module>
      
      <!-- 技高一筹 热门IT课任你学 -->
      <new-module title="技高一筹 热门IT课任你学" :padding="[47,30]" :bottom="20" :margin="0">
        <div class="computer-learn-container">
          <div class="item" v-for="(item,index) in learnList" :key="index">
            <img :src="item.icon" alt="" class="icon">
            <div class="name">{{item.name}}</div>
            <a href="javascript:void(0);" class="btn">咨询专业</a>
          </div>
        </div>
      </new-module>
      
      <!-- 给自己一个机会 随时开始薪未来 -->
      <new-module title="给自己一个机会 随时开始薪未来" :padding="[43,44]" :bottom="20" :margin="0">
        <div class="computer-future-container">
          <div class="item" v-for="(item,index) in futureList" :key="index">
            <img :src="item.photo" alt="" class="photo">
            <div class="future-box">
              <div class="name">{{item.title}}</div>
              <div class="content">{{item.content}}</div>
              <div class="extra">{{item.extra}}</div>
              <a href="javascript:void(0);" class="btn">获取职业规划</a>
            </div>
          </div>
        </div>
      </new-module>
      
      <!-- 众多院校专业 挑选适合自己的 -->
      <new-school />
      
    </layout>
  </div>

  <script type="text/babel">
    new Vue({
      el: '#app',
      data: {
        developList: [
          { name: '市场规模大', content: '国家产业升级，IT行业市场份额稳居第一 22年软件业务收入为84214亿元，年均增长率16.1%' },
          { name: '人才缺口大', content: 'IT工程师全国日招聘量超30万条 互联网行业数字化人才缺口达1500万-2000万人' },
          { name: '就业薪资高', content: '2022年中国互联网行业平均薪资18500元' },
        ],
        learnList: [
          { icon: './static/image/new/computer-icon1.png', name: 'Web前端工程师' },
          { icon: './static/image/new/computer-icon2.png', name: '人工智能工程师' },
          { icon: './static/image/new/computer-icon3.png', name: '物联网工程师' },
          { icon: './static/image/new/computer-icon4.png', name: '云计算工程师' },
          { icon: './static/image/new/computer-icon5.png', name: '软件测试工程师' },
          { icon: './static/image/new/computer-icon6.png', name: '网络安全工程师' },
        ],
        futureList: [
          { photo: './static/image/new/computer-p1.png', title: '应届生就业', content: '拥有一份令人羡慕的', extra: '好工作' },
          { photo: './static/image/new/computer-p2.png', title: '0基础入行', content: 'IT行业发展势头强劲', extra: '好前景' },
          { photo: './static/image/new/computer-p3.png', title: 'IT人在职晋升', content: '拥有硬核技术能力', extra: '好发展' },
          { photo: './static/image/new/computer-p4.png', title: '小白转行加薪', content: '掌握IT前沿技术', extra: '好待遇' },
        ]
      }
    })
  </script>
</body>
</html>